今天要做的是建置開發所需要的環境。
需要下載安裝:
Node.js 是做為在伺服器端運行JavaScript的執行環境。
npm 是用於安裝和維護當前專案所需的所有模組套件。
Node.js 下載安裝本身就包含npm程式在裡面,因此安裝完Node.js後,npm也會一起安裝完成。(安裝完Node.js的時候還不曉得,還以為要再另外安裝npm...)
要確認有沒有成功安裝完成,可以打開命令提示字元輸入:
node -v
以及
npm -v
就可以看到當前的安裝版本,這樣就是成功安裝了。
React安裝在命令列程式中輸入以下的指令:
npm install -g create-react-app
輸入之後就會跑出一大串執行相關安裝的東西,安裝完後再輸入:
create-react-app day30
day30 (要建立的資料夾名稱)
再經過一段時間的安裝各種套件後,接著輸入
cd day30
npm start
之後會看到跑出瀏覽器畫面,React的執行環境就建立好了!
Visual Studio Code是這次要使用的編輯器。
直接下載對應系統版本並安裝Visual Studio Code開發工具,安裝完後開啟Visual Studio Code,並打開前面建好的day30資料夾,並下載一些需要及想用的擴充套件,重啟之後今天的開發環境建置,總算是完成啦!